https://connect.societegenerale.bj/static/js/6539.35a09ec4.chunk.js

1"use strict";(self.webpackChunk_bankup_web_retail=self.webpackChunk_bankup_web_retail||[]).push([[6539],{30995(e,t,n){n.d(t,{T:()=>k});var a=n(43207),l=n(18188),r=n(61249),i=n(49839),c=n(72176),o=n(356);const s=()=>c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70.068",height:"49.615",viewBox:"0 0 70.068 49.615"},c.createElement("g",null,c.createElement("g",null,c.createElement("path",{fill:"#ed5a68",d:"M38.8 75.636a.831.831 0 0 1-.057 1.135 33.373 33.373 0 0 0-7.2 37.209.833.833 0 1 1-1.526.668 35.01 35.01 0 0 1 7.563-39.075.834.834 0 0 1 1.22.063z",transform:"translate(-27.064 -67.063) translate(27.064 67.063) translate(-27.064 -65.535)"}),c.createElement("path",{fill:"#f6ba32",d:"M59.832 67.063a34.819 34.819 0 0 1 19.32 5.826.833.833 0 0 1 .181 1.212.832.832 0 0 1-1.113.168 33.306 33.306 0 0 0-37.568.545.833.833 0 0 1-1.118-.136.833.833 0 0 1 .147-1.217 34.846 34.846 0 0 1 20.151-6.398z",transform:"translate(-27.064 -67.063) translate(27.064 67.063) translate(-24.8 -67.063)"}),c.createElement("path",{fill:"#46d084",d:"M88.186 100.678a34.725 34.725 0 0 1-2.946 14.076.824.824 0 0 1-.764.5.794.794 0 0 1-.334-.072.83.83 0 0 1-.429-1.1 33.364 33.364 0 0 0-7.9-37.869.835.835 0 0 1-.09-1.138.834.834 0 0 1 1.215-.1 34.94 34.94 0 0 1 11.248 25.703z",transform:"translate(-27.064 -67.063) translate(27.064 67.063) translate(-18.117 -65.642)"})),c.createElement("path",{fill:"#e5ebf7",d:"M57.481 91.7a5.4 5.4 0 1 0 5.4 5.4 5.4 5.4 0 0 0-5.4-5.4zm0 6.934a1.456 1.456 0 1 1 1.457-1.456 1.455 1.455 0 0 1-1.457 1.456z",transform:"translate(-27.064 -67.063) translate(4.617 4.547)"}),c.createElement("g",{id:"meter"},c.createElement("path",{fill:"#35335d",d:"M73.069 84.95a.42.42 0 0 0-.553-.627c-5.509 3.875-16.469 11.6-17.273 12.309a2.6 2.6 0 0 0 3.441 3.905c.805-.709 9.847-10.608 14.385-15.587zm-17.2 14.6a1.457 1.457 0 1 1 2.055.13 1.455 1.455 0 0 1-2.054-.133z",transform:"translate(-27.064 -67.063) translate(5.037 3.17)"}))));n.dn(s);var d,m,p=n(60549),u=n(44437),h=n(86896);const g=()=>c.createElement(f,null,c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",id:"Account_normal",width:"22",height:"22",viewBox:"0 0 22 22"},c.createElement("defs",null,c.createElement("clipPath",{id:"clip-path"},c.createElement("path",{id:"Rectangle_2154",d:"M0 0H22V22H0z",className:"cls-1"}))),c.createElement("g",{id:"Group_8814"},c.createElement("g",{id:"Group_5202"},c.createElement("g",{id:"Mask_Group_31",clipPath:"url(#clip-path)"},c.createElement("path",{id:"fi-rr-briefcase",d:"M15.2 3.2h-.88A4.007 4.007 0 0 0 10.4 0H8.8a4.007 4.007 0 0 0-3.92 3.2H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h11.2a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4zM8.8 1.6h1.6a2.4 2.4 0 0 1 2.253 1.6h-6.1A2.4 2.4 0 0 1 8.8 1.6zM4 4.8h11.2a2.4 2.4 0 0 1 2.4 2.4v2.4h-16V7.2A2.4 2.4 0 0 1 4 4.8zm11.2 12.8H4a2.4 2.4 0 0 1-2.4-2.4v-4h7.2v.8a.8.8 0 0 0 1.6 0v-.8h7.2v4a2.4 2.4 0 0 1-2.4 2.4z",className:"cls-1",transform:"translate(1.461 2.036)"})))))),f=h.A.span(d||(d=(0,a.A)(["\n    .cls-1{fill:#5e5e6e}\n"]))),E=()=>c.createElement(b,null,c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"50",height:"50",viewBox:"0 0 50 50"},c.createElement("defs",null,c.createElement("clipPath",{id:"clip-path"},c.createElement("path",{id:"Rectangle_2154",d:"M0 0H22V22H0z",className:"cls-1",transform:"translate(0 -.162)"}))),c.createElement("g",{id:"Account_selected",transform:"translate(0 .162)"},c.createElement("g",{id:"Group_8814"},c.createElement("circle",{id:"Ellipse_16",cx:"25",cy:"25",r:"25",fill:"#e9071e",opacity:"0.1",transform:"translate(0 -.162)"}),c.createElement("g",{id:"Group_5202",transform:"translate(14 14)"},c.createElement("g",{id:"Mask_Group_31",clipPath:"url(#clip-path)"},c.createElement("path",{id:"fi-rr-briefcase",d:"M15.2 3.2h-.88A4.007 4.007 0 0 0 10.4 0H8.8a4.007 4.007 0 0 0-3.92 3.2H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h11.2a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4zM8.8 1.6h1.6a2.4 2.4 0 0 1 2.253 1.6h-6.1A2.4 2.4 0 0 1 8.8 1.6zM4 4.8h11.2a2.4 2.4 0 0 1 2.4 2.4v2.4h-16V7.2A2.4 2.4 0 0 1 4 4.8zm11.2 12.8H4a2.4 2.4 0 0 1-2.4-2.4v-4h7.2v.8a.8.8 0 0 0 1.6 0v-.8h7.2v4a2.4 2.4 0 0 1-2.4 2.4z",className:"cls-1",transform:"translate(1.461 1.874)"}))))))),b=h.A.span(m||(m=(0,a.A)(["\n    .cls-1{fill:#e9071e}\n"])));var x,v=n(16799),w=n(50191),A=n(3968);const y=["showSold","showMenu","isActive","clicked","handlePopoverOpen","handlePopoverClose","account","tenant","withoutGaugeIcon","disableMinWidth","withBackgroun

1dColor","editable","onEditClick","showAlias","isCheckbook"],k=e=>{let t=e.showSold,n=void 0===t||t,a=e.showMenu,o=e.isActive,d=e.clicked,m=e.handlePopoverOpen,h=(e.handlePopoverClose,e.account),f=e.tenant,b=e.withoutGaugeIcon,x=e.disableMinWidth,v=(e.withBackgroundColor,e.editable),k=e.onEditClick,_=e.showAlias,C=e.isCheckbook,M=(0,i.A)(e,y);const z=h.accountAlias&&_?h.accountAlias:h.accountName,B=(0,c.useState)(277),G=(0,r.A)(B,2),P=G[0],R=G[1];c.useEffect(()=>{R(((e,t,n)=>{let a=160*(n-e)/(t-e);return a+=a<0?247:277,437<a&&(a=437),a<190&&(a=190),a})(h.gauge.lowBalance,h.gauge.highBalance,h.balance))},[h.gauge.lowBalance,h.gauge.highBalance,h.balance]);let S={};return v&&!n&&(S={display:"flex",alignContent:"center",justifyContent:"space-between",alignItems:"center"}),c.createElement(N,(0,l.A)((0,l.A)({},M),{},{isActive:o,indicator_degree:P,onClick:d,disableMinWidth:x,style:S,isCheckbook:C}),c.createElement("div",{className:"top"},c.createElement("div",{className:"img"},!b&&h.gauge&&h.gauge.activationStatus&&"number"===typeof h.gauge.lowBalance&&"number"===typeof h.gauge.highBalance?c.createElement(s,null):o?c.createElement(E,null):c.createElement(g,null)),c.createElement("div",{className:"details"},c.createElement("span",{className:"details-bold"},z," ",h.accountAlias&&h.type&&c.createElement("span",{className:"badge"},c.createElement(u.A,{id:h.type}))),c.createElement("span",{className:"details-agency"},((e,t)=>{switch(null===t||void 0===t?void 0:t.toUpperCase()){case"CI":return e.bankCode+" "+e.iban.substr(9,5)+" "+e.newAccountNumber+e.accountKey+" "+e.ribKey;case"SN":return e.bankCode+" "+e.iban.substr(9,5)+" "+e.newAccountNumber+" "+e.ribKey;default:return e.bankCode+" "+e.branchCode+" "+e.newAccountNumber+" "+e.ribKey}})(h,f)),c.createElement("span",null,h.branchName)),a?c.createElement("span",{className:"more_icon"},c.createElement(p.mqA,{onClick:e=>m(e,h)})):null),n&&c.createElement(c.Fragment,null,c.createElement("hr",null),c.createElement("div",{className:"bottom"},c.createElement("div",{className:"details"},c.createElement("span",null,c.createElement(u.A,{id:"accounts.account.card.activesolde"})),c.createElement("span",{className:"details-bold"},(0,w.GP)(h.balance,f,h.currency)+" "+h.currency)),c.createElement("div",{className:"details"},c.createElement("span",null,c.createElement(u.A,{id:"accounts.account.card.upcomingsolde"})),c.createElement("span",{className:"details-bold"},(0,w.GP)(h.upcomingBalance,f,h.currency)+" "+h.currency)),"CURRENT"===h.type&&c.createElement("div",{className:"details"},c.createElement("span",null,c.createElement(u.A,{id:"accounts.account.card.discovered"})),c.createElement("span",{className:"details-bold"},(0,w.GP)(h.overdraftLimit,f,h.currency)+" "+h.currency)))),v&&c.createElement("div",{className:"edit-icon"},c.createElement(A.A,{onClick:()=>v&&k()},c.createElement(p.dJk,{color:"51516c",size:"40"}))))},N=o.Ay.div(x||(x=(0,a.A)(["\nbackground-color: ",";\nheight: auto;\npadding: 13px 10px;\nmin-width: ",";\nmax-width: ",";\ncursor: pointer;\nmargin-right: ",";\nwidth: auto !important;\nborder-radius: ",";\nposition:relative;\nborder-bottom: ",";\n  &:hover{\n    background-color: ",";\n  }\n  .top{\n    display: flex !important;\n    align-items: center;\n    justify-content: flex-start;\n    .img {\n      margin-left: 20px;\n      margin-right: 20px;\n    @media (max-width: 480px) {\n      margin-left: 0px;\n      margin-right: 10px;\n    }\n      svg #meter{\n        transform-origin: 50% 70%;\n        transform: ",";\n        transition: transform 0.2s ease;\n      }\n    }\n  }\n\n  .details {\n    display: flex;\n    flex-flow: column nowrap;\n    > span {\n      text-transform: uppercase;\n      color: ",";\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 1.69;\n      &.details-bold {\n        line-height: 1.57;\n        color: ",";\n        font-size: 14.5px;\n        font-weight: 500;\n      }\n      // &.details-agency{\n      //   text-transform: lowercase;\n      // }\n    }\n  }\n\n  .bottom{\n    display: flex;\n    justify-content: space-between;\n    margin: 0 1.5em;\n    @media (max-width: 480px) {\n       margin: unset;\n    }\n\n    span{\n      text-transform: uppercase;\n      display:block\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  .more_icon{\n    position: absolute;\n    right: 0;\n    padding: 0.5em;\n    font-size: 1.3em;\n  }\n\n  @media (min-width: 1350px) {\n    flex: unset;\n    width: 20%;\n  }\n  @media (max-width:768px) {\n    margin: ",";\n    min-width: max-content;\n    width: ",";\n    .details span{\n      font-size: 0.7em !important;\n    }\n  }\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"])),v.Y$.bg,e=>e.disableMinWidth?"unset":e.isCheckbook?"450px !important":"400px",e=>e.disableMinWidth?"unset":e.isCheckbook?"450px !important":"400px",e=>e.disableMinWidth?"0px":"20px",e=>e.isActive?"".concat(v.Y$.borderRaduis," ").concat(v.Y$.borderRaduis," 0 0"):v.Y$.borderRaduis,e=>e.isActive?"2px solid "+v.Y$.activeBorder:"none",v.Y$.hoverBg,e=>"rotate("+e.indicator_degree+"deg)",v.Y$.primaryTextColor,v.Y$.primaryTextColor,e=>e.disableMinWidth?"Opx":" 0 20px 0 0",e=>e.disableMinWidth?"auto":"calc(100vw - 35px) !important",v.lm.sg_ligh_red,v.lm.sg_red)},57683(e,t,n){var a,l,r=n(43207),i=n(18188),c=n(72176),o=n(86896),s=n(62254),d=n(44437),m=n(63037),p=n(67135);const u={ic_availability:n(82742).A},h=o.A.section(a||(a=(0,r.A)(["\n  padding: 40px 0px;\n  h2 {\n    margin-top:26px;\n    text-align: center;\n    font-weight: 500;\n    font-style: normal;\n    font-stretch: normal;\n    letter-spacing: normal;\n    color: ",";\n  }\n  h5 {\n    font-size: 17px;\n    font-weight: 500;\n    font-style: normal;\n    font-stretch: normal;\n    letter-spacing: normal;\n    text-align: center;\n    color: ",";\n    margin-top: 15px;\n  }\n  @media (max-width: 800px) {\n    img {\n      width: 80%;\n    }\n  }\n  h2 {\n    font-size: 18px;\n  }\n\n  h5 {\n    font-size: 15px;\n  }

1\n"])),m.z.palette.secondary.main,m.z.palette.secondary[100]),g=(0,o.A)(s.$)(l||(l=(0,r.A)(["\n  margin-top: 40px;\n  @media (max-width: 800px) {\n    width: 100%;\n     margin-top: 20px;\n    // margin-bottom: 7px;\n    // margin-top: 7px;\n    button {\n      display: unset;\n      width: 100%;\n      padding-left: 0px !important;\n      padding-right: 0px !important;\n    }\n  }\n"])));n.d(t,["S",0,e=>window.__IS_VERSION__R1?c.createElement(p.g,(0,i.A)({},e)):c.createElement(h,{className:"text-center mx-auto"},!e.light&&c.createElement(c.Fragment,null,e.icon?c.createElement("img",{src:e.icon,alt:""}):c.createElement("img",{src:u.ic_availability,alt:""}),c.createElement("h2",{"data-testid":"error-oops"},c.createElement(d.A,{id:"error.screen.title"}))),c.createElement("h5",null,c.createElement(d.A,{id:"error.screen.subTitle"})),c.createElement("div",null,c.createElement(g,{variant:"outline",className:"red-text",onClick:()=>e.onReload().catch(e=>{}),disabled:!1},c.createElement(d.A,{id:"error.screen.button.retry"}))))])}

1,48155(e,t,n){n.d(t,{g:()=>o});var a=n(61249),l=n(72176),r=n(18188),i=n(49388);const c=(e,t)=>{if("touch"===t.type)return(0,r.A)((0,r.A)({},e),t.payload);throw new Error};function o(e){const t=(0,l.useState)(!1),n=(0,a.A)(t,2),o=n[0],s=n[1],d=function(e){const t=(0,l.useReducer)(c,{data:null,loading:!0,error:null}),n=(0,a.A)(t,2),o=n[0],s=n[1],d=(0,i.t0)().useApiHook;(0,l.useEffect)(()=>{d&&m().then(e=>null)},[d]);const m=async t=>{s({type:"touch",payload:{loading:!0}});try{const n=await e(t);s({type:"touch",payload:{data:n,loading:!1,error:null}})}catch(n){return s({type:"touch",payload:{loading:!1,error:n.message}})}};return(0,r.A)((0,r.A)({},o),{},{reload:m})}(e.loader),m=d.data,p=d.loading,u=d.error,h=d.reload;(0,l.useEffect)(()=>{o?h().then(()=>null):s(!0)},[e.value]);let g=e.error;return"function"==typeof g&&(g=l.cloneElement(e.error(),{onReload:h})),p?"function"==typeof e.skeleton?l.createElement(e.skeleton,null):e.skeleton:u?g:e.render(m,h)}},50191(e,t,n){n.d(t,{GP:()=>l});var a=n(72176);function l(e,t,n){let a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2,l=arguments.length>4&&void 0!==arguments[4]?arguments[4]:".",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:" ",i="ND";("GN"===t&&"GNF"===n||"SN"===t&&"XOF"===n||"CM"===t&&"XAF"===n||"CI"===t&&"XOF"===n)&&(a=0);try{a=Math.abs(a),a=isNaN(a)?2:a;const t=e<0?"-":"",n=parseInt(e=Math.abs(e||0).toFixed(a)).toString(),c=n.length>3?n.length%3:0;return i=t+(c?n.substr(0,c)+r:"")+n.substr(c).replace(/(\d{3})(?=\d)/g,"$1"+r)+(a?l+Math.abs(e-n).toFixed(a).slice(2):""),i}catch(c){}}n.d(t,["wN",0,e=>{let t=e.className,n=e.prefix,r=e.value,i=e.suffix,c=e.testId,o=e.colorSufix,s=e.tenantId;const d=o?{color:"inherit",fontWeight:600}:null;return a.createElement("span",{className:t,"data-testid":c},n&&a.createElement("span",{className:"--pf mr-1"},n),l(r,s,i),i&&a.createElement("span",{style:d,className:"ml-1 --sf"},i," "))}])}}]);
2//# sourceMappingURL=6539.35a09ec4.chunk.js.map