1"use strict";(self.webpackChunk_bankup_web_retail=self.webpackChunk_bankup_web_retail||[]).push([[955],{26467(e,n,t){var a,r=t(43207),i=t(18188),o=t(72176),l=(t(46351),t(15279),t(64673)),c=t(86896),d=t(7896);const s=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 }\n'])));t.d(n,["W",0,e=>{let n=e.children,t=e.additionalSettings,a=e.length,r=e.className,c=e.withDots,p=void 0!==c&&c;const m=(0,i.A)({centerMode:!1,dots:p,infinite:!1,speed:500,slidesToShow:1,slidesToScroll:1,arrows:!!window.__IS_VERSION__R1||a>=4,centerPadding:"15px",variableWidth:!0,nextArrow:o.createElement(function(e){const n=e.className,t=e.onClick;return o.createElement("div",{className:n,onClick:t},o.createElement(d.OQo,{size:"68px",color:"rgba(172, 172, 172, 0.6)"}))},null),prevArrow:o.createElement(function(e){const n=e.className,t=e.onClick;return o.createElement("div",{className:n,onClick:t},o.createElement(d.m6W,{size:"68px",color:"rgba(172, 172, 172, 0.6)"}))},null),responsive:[{breakpoint:1024,settings:{arrows:!1}
1},{breakpoint:860,settings:{arrows:!1}}]},t);return o.createElement(s,{className:r},o.createElement(l.A,(0,i.A)({},m),n))}])},57683(e,n,t){var a,r,i=t(43207),o=t(18188),l=t(72176),c=t(86896),d=t(62254),s=t(44437),p=t(63037),m=t(67135);const x={ic_availability:t(82742).A},h=c.A.section(a||(a=(0,i.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 }\n"])),p.z.palette.secondary.main,p.z.palette.secondary[100]),f=(0,c.A)(d.$)(r||(r=(0,i.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"])));t.d(n,["S",0,e=>window.__IS_VERSION__R1?l.createElement(m.g,(0,o.A)({},e)):l.createElement(h,{className:"text-center mx-auto"},!e.light&&l.createElement(l.Fragment,null,e.icon?l.createElement("img",{src:e.icon,alt:""}):l.createElement("img",{src:x.ic_availability,alt:""}),l.createElement("h2",{"data-testid":"error-oops"},l.createElement(s.A,{id:"error.screen.title"}))),l.createElement("h5",null,l.createElement(s.A,{id:"error.screen.subTitle"})),l.createElement("div",null,l.createElement(f,{variant:"outline",className:"red-text",onClick:()=>e.onReload().catch(e=>{}),disabled:!1},l.createElement(s.A,{id:"error.screen.button.retry"}))))])},48155(e,n,t){t.d(n,{g:()=>c});var a=t(61249),r=t(72176),i=t(18188),o=t(49388);const l=(e,n)=>{if("touch"===n.type)return(0,i.A)((0,i.A)({},e),n.payload);throw new Error};function c(e){const n=(0,r.useState)(!1),t=(0,a.A)(n,2),c=t[0],d=t[1],s=function(e){const n=(0,r.useReducer)(l,{data:null,loading:!0,error:null}),t=(0,a.A)(n,2),c=t[0],d=t[1],s=(0,o.t0)().useApiHook;(0,r.useEffect)(()=>{s&&p().then(e=>null)},[s]);const p=async n=>{d({type:"touch",payload:{loading:!0}});try{const t=await e(n);d({type:"touch",payload:{data:t,loading:!1,error:null}})}catch(t){return d({type:"touch",payload:{loading:!1,error:t.message}})}};return(0,i.A)((0,i.A)({},c),{},{reload:p})}(e.loader),p=s.data,m=s.loading,x=s.error,h=s.reload;(0,r.useEffect)(()=>{c?h().then(()=>null):d(!0)},[e.value]);let f=e.error;return"function"==typeof f&&(f=r.cloneElement(e.error(),{onReload:h})),m?"function"==typeof e.skeleton?r.createElement(e.skeleton,null):e.skeleton:x?f:e.render(p,h)}},63725(e,n,t){var a,r,i,o=t(43207),l=t(72176),c=t(86896),d=t(19179);const s=c.A.div(a||(a=(0,o.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"]))),p=c.A.div(r||(r=(0,o.A)(["\n font-size: 17px;\n font-weight: 600;\n margin-top: 24px;\n margin-bottom: 17px;\n"]))),m=c.A.div(i||(i=(0,o.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(s,null,l.createElement(d.y3G,{size:32,color:"red"}),l.createElement(p,null,n),l.createElement(m,null,t))}])},23465(e,n,t){t.d(n,{L:()=>J});var a,r,i,o,l,c=t(43207),d=t(61249),s=t(72176),p=t(26467),m=t(18188),x=t(49839),h=t(356),f=t(63037),u=t(16799),g=t(8702),w=t(71023),y=t.n(w),b=t(92834),E=t(71396),v=t(95514),A=t(46116),C=t(46799),k=t(73492),S=t(2816),_=t(62108),z=t(15521),N=t.n(z),T=t(2438);const W=["children","value","index"];function I(e){const n=e.children,t=e.value,a=e.index,r=(0,x.A)(e,W);return s.createElement(B,(0,m.A)({role:"tabpanel",hidden:t!==a,id:"nav-tabpanel-".concat(a),"aria-labelledby":"nav-tab-".concat(a)},r),t===a&&n)}const R=(0,v.A)({root:{height:"100%","& .MuiButtonBase-root":{height:"100%",color:f.z.palette.secondary.main,fontWeight:f.z.typography.fontWeightLight,fontSize:"12px","&.Mui-selected ":{fontWeight:f.z.typography.fontWeightSemiBold,fontSize:"14px"}}},indicator:{backgroundColor:f.z.palette.secondary.main}})(C.A),F=(0,v.A)(e=>({root:{padding:"24px 24px",paddingTop:0,width:"100%",maxWidth:"600px",backgroundColor:"#f5f7fa",display:"flex",flexDirection:"column",marginTop:0,gap:"0px"}}))(E.A),D=e=>{let n=e.card,t=e.onSelectCard,a=e.activeCard,r=e.setActiveCard,i=e.tenant,o=e.appCdnUrl,l=e.cardInfos;const c=e=>{let n;switch(e){case"310":case"025":case"026":n="#070754";break;case"302":n="#64557c";break;case"303":case"015":case"016":n="#7d6a2e";break;case"308":case"601":case"027":n="#656565";break;case"307":case"309":case"028":n="#1f1f1f";break;case"018":n="#1C7DD5";break;case"012":case"013":n="#2E75B6";break;default:n="#000"}return n},p=e=>{let n;switch(e){case"310":case"025":case"026":n="HORIZON";break;case"302":case"012":case"013":n="CLASSIC";break;case"303":n="PREMIER";break;case"306":case"027":n="PLATINUM";break;case"307":case"309":case"028":n="INFINITE";break;case"018":n="AZUR";break;case"015":case"016":n="GOLD";break;default:n=""}return n},m=e=>{switch(e){case"303":case"306":case"027":return!0;default:return!1}},x=(0,A.A)(),h=(0,s.useState)(!1),f=(0,d.A)(h,2),u=f[0],g=f[1],w=()=>{g(!u)},b=s.useState(0),E=(0,d.A)(b,2),v=E[0],C=E[1],S=(0,_.A)(x.breakpoints.down("xs"));return s.createElement(s.Fragment,null,s.createElement(L,{handleDialog:w,card:n,onSelectCard:t,setActiveCard:r,isActiveCard:a.cardToken===n.cardToken,cardTypeByCode:p(n.cardCode),cardColor:c(n.cardCode),isTextWithWhiteColor:!m(n.cardCode),isNotInPopup:!0,tenant:i,appCdnUrl:o,cardInfos:l}),s.createElement(U,{fullScreen:S,onClose:w,"aria-labelledby":"customized-dialog-title",open:u},s.createElement(F,null,s.createElement("div",{style:{display:"flex",width:"100%",flexDirection:"column"}},s.createElement(P,{onClick:w},"X")),s.createElement(L,{card:n,isActiveCard:a.cardToken===n.cardToken,cardTypeByCode:p(n.cardCode),cardColor:c(n.cardCode),isTextWithWhiteColor:!m(n.cardCode),tenant:i,appCdnUrl:o}),s.createElement(O,{className:"block"},s.createElement(R,{value:v,variant:"fullWidth",indicatorColor:"primary",textColor:"primary",onChange:(e,n)=>{C(n)},"aria-label":"beneficiaries"},s.createElement(k.A,{disableRipple:!0,label:"Caract\xe9ristiques"}),s.createElement(k.A,{disableRipple:!0,label:"Avantages"}))),s.createElement(I,{value:v,index:0},s.createElement("div",{style:{fontFamily:"SourceSansPro",fontSize:"16px",fontWeight:"normal",fontStretch:"normal",fontStyle:"normal",lineHeight:1.5,letterSpacing:"normal",textAlign:"left",color:"#090941",gap:"10px"}},s.createElement(y(),{source:null===l||void 0===l?void 0:l.features}))),s.createElement(I,{value:v,index:1},s.createElement("div",{style:{fontFamily:"SourceSansPro",fontSize:"16px",fontWeight:"normal",fontStretch:"normal",fontStyle:"normal",lineHeight:1.5,letterSpacing:"normal",textAlign:"left",color:"#090941",gap:"20px"}},s.createElement(y(),{source:null===l||void 0===l?void 0:l.advantages}))))))},L=e=>{let n=e.handleDialog,t=e.card,a=e.onSelectCard,r=e.setActiveCard,i=e.isActiveCard,o=e.cardTypeByCode,l=e.cardColor,c=e.isTextWithWhiteColor,d=e.isNotInPopup,p=e.tenant,m=e.appCdnUrl,x=e.cardInfos;const h=(0,T.A)();return s.createElement(M,{cardStatus:t.status,isActiveCard:i,isTextWithWhiteColor:c,cardTypeByCode:o,cardColor:l,isNotInPopup:d,tenant:p,appCdnUrl:m,onClick:()=>{a&&(a(t),r(t))}},s.createElement("div",{className:"card_info_container"},n&&x&&s.createElement("div",{className:"card_info",id:"cardInfo",onClick:n},s.createElement(g.$4v,{cursor:"pointer"}))),s.createElement("div",{className:"footer_container"},s.createElement("div",{className:"informations_container"},s.createElement("div",{className:"card-text card-number"},(e=>{const n=e.substring(0,4),t=e.slice(-4);return s.createElement("div",{style:{display:"flex",alignItems:"center"}},s.createElement("span",{style:{marginRight:"10px"}},n," "," "),s.createElement("span",{style:{marginRight:"10px"}}," **** "," "),s.createElement("span",{style:{marginRight:"10px"}}," **** "," "),s.createElement("span",null,t))})(t.cardToken)),s.createElement("span",{className:"card-text valid-thru"},h.formatMessage({id:"card.validThru"})+" "+N()(t.expiresOn).format("MM/YY"))),s.createElement("div",{className:"status-container"},s.createElement("span",{className:"active_dot"}),s.createElement("span",{className:"card-text status"},t.status))))},M=h.Ay.div(a||(a=(0,c.A)(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n background-image: ",";\n background-color: ",";\n background-position: center;\n background-repeat: no-repeat;\n background-size: 100% 100%;\n color: white;\n width: 415px;\n max-width: 415px;\n height: 220px !important;\n min-height: 220px;\n max-heigh: 415px;\n padding: 20px;\n border-radius: 10px;\n gap: 5px;\n margin-bottom: 20px;\n margin-top: 0px;\n margin-right: 10px;\n cursor: pointer;\n box-shadow: ",";\n transition: all 0.3s ease-in-out;\n opacity: ",";\n &:hover{\n opacity: 1;\n }\n .card_info_container {\n display: flex;
1\n align-items: center;\n justify-content: flex-end;\n img {\n width: 180px;\n }\n .card_info {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n max-height: 40px;\n margin-left: 5px;\n svg {\n color: ",";\n width: 2rem;\n height: 2rem;\n &:hover{\n width: 2.5rem;\n height: 2.5rem;\n color: ",";\n box-shadow: 0px 0px 25px ",";\n border-radius: 50%;\n }\n }\n }\n }\n .footer_container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .card-text {\n display: flex;\n font-family: ",";\n font-weight: 500;\n text-transform: uppercase;\n color: ",";\n\n &.card-number {\n font-size: 24px;\n height: 70px;\n text-shadow: ",";\n }\n\n &.valid-thru {\n font-size: 12px;\n }\n\n &.status {\n font-size: 13px;\n }\n }\n .informations_container {\n align-items: flex-start;\n justify-content: flex-end;\n flex-direction: column;\n margin-left: 34px;\n display: flex;\n }\n .status-container {\n display: flex;\n align-items: center;\n\n .active_dot {\n height: 10px;\n width: 10px;\n background-color: ",";\n border-radius: 5px;\n margin-right: 5px;\n }\n }\n }\n @media (max-width: 500px) {\n width: 400px;\n max-width: 400px;\n height: 200px !important;\n .footer_container {\n .informations_container {\n margin-left: 20px;\n }\n .card-text.card-number {\n height: 50px;\n }\n }\n }\n @media (max-width: 450px) {\n max-width: 350px;\n height: 180px !important;\n .footer_container {\n .informations_container {\n margin-left: 20px;\n }\n .card-text {\n &.card-number {\n font-size: 22px;\n height: 50px;\n }\n &.status {\n font-size: 12px;\n }\n }\n }\n }\n @media (max-width: 400px) {\n max-width: 300px;\n height: 150px !important;\n padding-right: 9px;\n .footer_container {\n .informations_container {\n margin-left: 12px;\n }\n .card-text {\n &.card-number {\n font-size: 18px;\n height: 35px;\n }\n &.status {\n font-size: 12px;\n }\n }\n }\n }\n"])),e=>"url(".concat(e.appCdnUrl,"/cardVisual/").concat(e.tenant,"/").concat(e.cardTypeByCode,".png)"),e=>e.cardColor||"#00000000",e=>e.isActiveCard&&e.isNotInPopup&&"rgb(38, 57, 77) 0px 10px 20px -10px",e=>e.isActiveCard?"1":"0.5",e=>
1e.isTextWithWhiteColor?"#ffffff":"#000000",e=>e.isTextWithWhiteColor?"#FFFF00;":"#2044E8",e=>e.isTextWithWhiteColor?"#FFFF00;":"#2044E8",u.pQ.primary,e=>e.isTextWithWhiteColor?"#ffffff":"#000000",e=>"PLATINUM"===e.cardTypeByCode?"1px 1px 0 white, -1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white":"none",e=>"ACTIVE"===e.cardStatus?"#67a71c":"#f40404"),B=h.Ay.div(r||(r=(0,c.A)(["\n & > div > div > div > div {\n border: 1px solid #cbd3dc;\n }\n margin-top: 20px;\n padding: 15px;\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 1px 2px 0;\n width: 415px;\n max-width: 415px;\n overflow: auto;\n max-height: 400px;\n @media (max-width: 500px) {\n width: 400px;\n max-width: 400px;\n }\n @media (max-width: 450px) {\n max-width: 350px;\n }\n @media (max-width: 400px) {\n max-width: 300px;\n }\n h3 { //for Markdown component\n font-size: 1.5rem;\n }\n"]))),P=h.Ay.div(i||(i=(0,c.A)(["\n display: flex;\n justify-content: flex-end;\n &:hover {\n cursor: pointer;\n }\n"]))),U=(0,h.Ay)(b.A)(o||(o=(0,c.A)(["\n margin-top: 0px;\n padding-top: 0px;\n width: 100% !important;\n"]))),O=(0,h.Ay)(S.A)(l||(l=(0,c.A)(["\n box-shadow: ",";\n margin-top: 20px;\n max-height: 890px;\n overflow: auto;\n width: 100%;\n min-height: 48px;\n @media (max-width: 600px) {\n max-width: 415px;\n };\n @media (max-width: 500px) {\n max-width: 400px;\n };\n @media (max-width: 450px) {\n max-width: 350px;\n };\n @media (max-width: 400px) {\n max-width: 300px;\n }\n"])),f.z.shadows[1]);var V,j,H=t(82982),Q=t(57683),G=t(7896),Y=t(86896),Z=t(49388),$=t(46939);const q=Y.A.div(V||(V=(0,c.A)(["\n ","\n outline: none;\n @media (max-width: ","px) {\n padding: 0px;\n margin-right: 10px;\n }\n"])),e=>e.isR1&&"\n padding: 15px;\n ",f.z.breakpoints.values.md),X=Y.A.div(j||(j=(0,c.A)(["\n ","\n"])),e=>e.isR1&&"\n @media (min-width: 960px) {\n padding:0px 65px;\n }\n @media (max-width: 370px) {\n display: none;\n }\n "),J={skeletonView:()=>{const e=s.useState(window.innerWidth),n=(0,d.A)(e,2),t=n[0],a=n[1];return s.useEffect(()=>{window.addEventListener("resize",()=>a(window.innerWidth))},[]),s.createElement(s.Fragment,null,s.createElement(H.D,{width:t<=780?"100%":"65%",title:!0,contentList:new Array(4).fill({contentType:H.L.CARD})}),s.createElement(H.D,{width:t<=780?"100%":"35%",title:!0,contentList:new Array(4).fill({contentType:H.L.CARD})}))},errorView:Q.S,mainView:e=>{let n=e.cards,t=e.onSelectCard,a=e.cardInfosList;const r=(0,Z.t0)().tenant;!!window.__IS_VERSION__R1||length,s.createElement(function(e){const n=e.className,t=e.onClick;return s.createElement("div",{className:n,onClick:t},s.createElement(G.OQo,{size:"68px",color:"rgba(172, 172, 172, 0.6)"}))},null),s.createElement(function(e){const n=e.className,t=e.onClick;return s.createElement("div",{className:n,onClick:t},s.createElement(G.m6W,{size:"68px",color:"rgba(172, 172, 172, 0.6)"}))},null);const i=(0,s.useState)(n[0]),o=(0,d.A)(i,2),l=o[0],c=o[1];return s.createElement(s.Fragment,null,s.createElement(X,{isR1:!1},s.createElement(p.W,{length:n.length,withDots:!1},n.map((e,n)=>s.createElement(q,{isR1:!1,key:e.account},s.createElement(D,{card:e,onSelectCard:t,activeCard:l,setActiveCard:c,tenant:r,appCdnUrl:$.gk,cardInfos:a.find(n=>n.code===e.cardCode)}))))))}}}}]); 2//# sourceMappingURL=955.e6778029.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.