https://connect.societegenerale.bj/static/js/7895.963bd17e.chunk.js

1"use strict";(self.webpackChunk_bankup_web_retail=self.webpackChunk_bankup_web_retail||[]).push([[7895],{22783(e,n,t){t.r(n),t.d(n,{default:()=>ee});var a=t(43207),o=t(18188),i=t(72176),r=t(86896),c=t(49388),l=t(18906),s=t(48155);const m=e=>{let n=e.service,t=e.adapter,a=e.user;return i.createElement(s.g,{loader:n.getContactSubjects,skeleton:t.skeletonView,error:()=>i.createElement(t.errorView,{onReload:n.getContactSubjects}),render:(e,o)=>i.createElement(t.mainView,{contactSubjects:e,reloadContactSubjects:o,service:n,user:a})})};var d,u=t(61249),p=t(82982),g=t(57683),f=t(63037);const x=r.A.section(d||(d=(0,a.A)(["\n  display: flex;\n  justify-content: space-between;\n  @media (max-width: ","px) {\n    flex-direction: column;\n  }\n"])),f.z.breakpoints.values.md);var b,h,E,y=t(62254),v=t(43074),w=t(49444),A=t(46939),C=t(28012),N=t(2438),S=t(44437),j=t(23889),k=t(92934);function _(e){let n=e.contactSubjects,t=e.reloadContactSubjects,a=e.sendReclamaton,r=e.user;const l=(0,c.t0)().tenant,s=(0,N.A)(),m={SUBSCRIBE_ERROR:k.default},d=(0,A.jc)(l),g=(0,i.useState)(!1),f=(0,u.A)(g,2),x=f[0],b=f[1],h=(0,i.useState)(!1),E=(0,u.A)(h,2),_=E[0],T=E[1],I=(0,i.useState)(!1),M=(0,u.A)(I,2),U=M[0],q=M[1],B=(0,i.useState)(!1),O=(0,u.A)(B,2),P=O[0],V=O[1],D=[{name:"subject",type:"NEWSELECT",inlineLabelText:"contact.us.objet.inline",label:s.formatMessage({id:"contact.us.objet"}),values:n&&n.map(e=>({name:e.value,value:e.value}))},{name:"email",type:"text",label:"contact.us.email",placeholder:s.formatMessage({id:"contact.us.email"}).replace("*","")},{name:"accountNumber",type:"text",label:"contact.us.accountNumber",placeholder:s.formatMessage({id:"contact.us.accountNumber"}).replace("*","")},{name:"messageBody",type:"textarea",label:"contact.us.message",placeholder:s.formatMessage({id:"contact.us.message.placeholder"}),rowsMin:5,rowsMax:10}],W=C.Ik().shape({subject:C.Yj().required(s.formatMessage({id:"required.field"})),email:C.Yj().email().required(s.formatMessage({id:"subscription.email.requiredError"})).matches(/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,s.formatMessage({id:"subscription.email.invalidErrorMsg"})),accountNumber:C.Yj().required(s.formatMessage({id:"subscription.accountNumber.requiredError"})).matches(/^[0-9]+$/i,s.formatMessage({id:"subscription.accountNumber.invalidErrorMsg"})).test("len",s.formatMessage({id:"message.contact.length.accountnumber.incorrect"},{type:"",length:d}),e=>e&&e.toString().length==d),messageBody:C.Yj().required(s.formatMessage({id:"required.field"}))}),$=()=>{T(!1),b(!0),t().then(e=>{b(!1)}).catch(()=>{b(!1),T(!0)})};return i.createElement(R,null,i.createElement(v.u,{title:"contact.us.crc.reclamation.title"}),i.createElement(L,null,_||U?i.createElement(z,null,i.createElement("img",{src:m.SUBSCRIBE_ERROR,alt:"subscribe_error"}),i.createElement("div",{className:"container_text"},i.createElement("p",{className:"title"},i.createElement(S.A,{id:"subscription.modal.error.title"})),i.createElement("p",{className:"sub-title"},i.createElement(S.A,{id:"subscription.modal.error.subtitle"}))),i.createElement("div",{className:"buttons_error"},i.createElement(y.$,{className:"button-retry mb-2",onClick:()=>_?$():U?q(!1):{}},i.createElement(S.A,{id:"error.screen.button.retry"})))):x?i.createElement(p.D,{contentList:[{contentType:p.L.LINE,height:40},{contentType:p.L.LINE,height:100},{contentType:p.L.LINE,height:100},{contentType:p.L.LINE,height:100},{contentType:p.L.LINE,height:80},{contentType:p.L.LINE,height:20}]}):i.createElement(j.l,{onChanged:()=>{},onSubmit:e=>{var t;const i=(0,o.A)((0,o.A)({},e),{},{digitalId:null!==r&&void 0!==r&&r.sub?null===r||void 0===r||null===(t=r.sub)||void 0===t?void 0:t.slice(2,9):"",firstName:null!==r&&void 0!==r&&r.given_name?null===r||void 0===r?void 0:r.given_name:"",lastName:null!==r&&void 0!==r&&r.family_name?null===r||void 0===r?void 0:r.family_name:"",phoneNumber:null!==r&&void 0!==r&&r.mobile?null===r||void 0===r?void 0:r.mobile:"",customEmail:e.email,email:null!==r&&void 0!==r&&r.email?null===r||void 0===r?void 0:r.email:"",subjectKey:n.find(n=>n.value===e.subject).key,subjectLanguage:n.find(n=>n.value===e.subject).language});delete i.subject,q(!1),a(i).then(e=>{"OK"===e.ack.ack&&V(!0)}).catch(()=>{q(!0)})},onCancel:()=>null,fields:D,initialValues:{subject:"",email:"",accountNumber:"",messageBody:""},validation:W,submitText:"send",labelOutside:!0})),i.createElement(w.A,{newDesign:!0,title:"contact.success.message.title",message:"contact.us.success",confirmHandler:()=>{V(!1),$()},isOpen:P,buttons:{confirm:"confirm.ok"},isRightButton:!0}))}const R=r.A.div(b||(b=(0,a.A)(["\n  width: 100% !important;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"]))),L=r.A.div(h||(h=(0,a.A)(["\n  box-shadow: 0 2px 3px 0 rgba(184, 184, 203, 0.2);\n  background-color: #fff;\n  padding: 20px;\n  border-radius: 7px;\n"]))),z=r.A.div(E||(E=(0,a.A)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  margin: 0 auto;\n\n  @media (max-width: ","px) {\n    margin-bottom: 50px;\n  }

1\n\n  .container_text {\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    flex-direction: column;\n  }\n  .title {\n    font-family: 'Montserrat';\n    font-size: 20px;\n    font-weight: bold;\n    margin-bottom: 10px;\n    margin-top: 20px;\n    color: #02023d;\n    line-height: 1.4;\n  }\n  .sub-title {\n    font-family: 'Source Sans Pro';\n    font-size: 18px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.62;\n    letter-spacing: normal;\n    text-align: center;\n    color: #424066;\n    width: 75%;\n    margin-bottom: 30px;\n  }\n  .buttons_error {\n    display: flex;\n    flex-direction: column;\n    align-content: center;\n    justify-content: center;\n    align-items: center;\n    .retry {\n      font-weight: normal !important;\n    }\n  }\n"])),f.z.breakpoints.values.xs),T=t.p+"static/media/sg_logo.fb0cf8c6c818633edc9c.png";const I=t.p+"static/media/ic_phone.0ecd0d957dea3e8c9612828c54a02293.svg";const M=t.p+"static/media/ic_call.24b5b82a6be3993d6255b3e268bfc3fc.svg";const U=t.p+"static/media/ic_mail.aab238f6a443f0d51380b6152a57123c.svg";const q=t.p+"static/media/ic_edit.e7d36af65803ee2cb42d41125afc36cb.svg";const B=t.p+"static/media/ic_check.b1a62b44bc514aad638471ac6ae5da48.svg";var O,P,V;const D=()=>{const e=i.useState(window.innerWidth),n=(0,u.A)(e,2),t=n[0],a=n[1];return i.useEffect(()=>{window.addEventListener("resize",()=>a(window.innerWidth))},[]),i.createElement(p.D,{width:t<=780?"100%":"60%",title:!0,contentList:[{contentType:p.L.TABLE}]})},W=e=>{let n=e.onClickRetry;return i.createElement(G,null,i.createElement("img",{src:k.default,alt:"img error"}),i.createElement("div",{className:"container_text"},i.createElement("p",{className:"title"},i.createElement(S.A,{id:"subscription.modal.error.title"})),i.createElement("p",{className:"sub-title"},i.createElement(S.A,{id:"subscription.modal.error.subtitle"}))),i.createElement("div",{className:"buttons_error"},i.createElement(y.$,{className:"button-retry mb-2",onClick:()=>n()},i.createElement(S.A,{id:"error.screen.button.retry"}))))};function $(e){const n={logoSG:T,phone:I,call:M,mail:U,edit:q,checkIcon:B},t=(0,c.t0)(),a=(t.tenant_config,t.language,t.tenant),o=(0,i.useState)(!1),r=(0,u.A)(o,2),l=r[0],s=r[1],m=(0,i.useState)(null),d=(0,u.A)(m,2),p=d[0],g=d[1],f=async()=>{s(!0),e.getContactUsCRC().then(e=>{s(!1),g(e)}).catch(e=>{s(!1),console.error("=>== err loading ContactUsCRC",e)})};return(0,i.useEffect)(()=>{f()},[]),i.createElement(Y,null,l?i.createElement(D,null):p?i.createElement(i.Fragment,null,i.createElement(v.u,{title:"CRC"===p.type?"contact.us.crc.title":"contact.us.officer.title"}),i.createElement(F,null,i.createElement("div",{className:"CrcContainer"},i.createElement("div",{className:"logoContainer"},i.createElement("img",{src:n.logoSG,alt:"logo SG",className:"logo"})),i.createElement("div",{className:"title"},p.name),i.createElement("div",{className:"desc"},p.description)),i.createElement("div",{className:"contactContainer"},i.createElement("span",{className:"contactTitle"},i.createElement(S.A,{id:"CRC"===p.type?"nous.contacter.via":"me.contacter.via"})),p.phoneNumber1&&i.createElement("div",{className:"contactItem"},i.createElement("img",{src:n.phone,alt:"icon"}),i.createElement("span",{className:"contactText"},(0,A.n4)(p.phoneNumber1,a.toUpperCase())),i.createElement("img",{src:n.call,alt:"icon action",className:"iconAction phoneAction",onClick:()=>window.location.href="tel:".concat(p.phoneNumber1)})),p.phoneNumber2&&i.createElement("div",{className:"contactItem"},i.createElement("img",{src:n.phone,alt:"icon"}),i.createElement("span",{className:"contactText"},(0,A.n4)(p.phoneNumber2,a.toUpperCase())),i.createElement("img",{src:n.call,alt:"icon action",className:"iconAction phoneAction",onClick:()=>window.location.href="tel:".concat(p.phoneNumber2)})),i.createElement("div",{className:"contactItem"},i.createElement("img",{src:n.mail,alt:"icon"}),i.createElement("span",{className:"contactText"},p.email),i.createElement("img",{src:n.edit,alt:"icon action",className:"iconAction",onClick:()=>window.location.href="mailto:".concat(p.email.toLowerCase())}))))):i.createElement(W,{onClickRetry:f}))}const Y=r.A.div(O||(O=(0,a.A)(["\n  width: 100% !important;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"]))),F=r.A.div(P||(P=(0,a.A)(["\n  padding: 23px 20px 24px;\n  border-radius: 7px;\n  box-shadow: 0 2px 3px 0 rgba(184, 184, 203, 0.2);\n  background-color: #fff;\n\n  .CrcContainer {\n    position: relative;\n    margin-top: 30px;\n    padding: 15px;\n    border-radius: 7px;\n    border: solid 1px #e5ebf7;\n  }\n  .logoContainer {\n    display: flex;\n    position: absolute;\n    top: -30px;\n    left: 19px;\n    background: #fff;\n    padding: 4px;\n    border-radius: 50%;\n  }\n  .logo {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n  }\n  .title {\n    font-family: Montserrat;\n    font-size: 16px;\n    font-weight: 700;\n    font-style: normal;\n    text-align: left;\n    color: #02023d;\n    margin-top: 25px;\n  }\n  .subTitle {\n    font-family: SourceSansPro;\n    font-size: 14px;\n    text-align: left;\n    color: #58587c;\n  }\n  .desc {\n    font-family: SourceSansPro;\n    font-size: 13px;\n    line-height: 1.38;\n    text-align: left;\n    color: #ee3c45;\n    margin-top: 10px;\n  }\n  .contactContainer {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    margin-top: 20px;\n  }\n  .contactTitle {\n    font-family: SourceSansPro;\n    font-size: 15px;\n    text-align: left;\n    color: #58587c;\n    margin-bottom: 5px;\n  }\n  .contactItem {\n    border: 1px solid #e5ebf7;\n    border-radius: 7px;\n    padding: 10px;\n    display: flex;

1\n    align-items: center;\n    margin-bottom: 5px;\n  }\n  .contactText {\n    font-family: SourceSansPro;\n    font-size: 15px;\n    text-align: left;\n    color: #02023d;\n    margin-left: 20px;\n  }\n  .iconAction {\n    margin-left: auto;\n    cursor: pointer;\n  }\n  .phoneAction {\n    @media(min-width: 781px) {\n      display: none;\n    }\n  }\n  .requestOrder {\n    border: 1px solid #e5ebf7;\n    border-radius: 7px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n  }\n  .requestOrderItem {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    padding-bottom: 10px;\n    margin-bottom: 10px;\n    border-bottom: 1px solid #E0E0E0;\n  }\n  .hours {\n    display: flex;\n    flex-direction: column;\n  }\n  .hoursAvailableText {\n    font-family: SourceSansPro;\n    font-size: 14px;\n    color: #58587c;\n    margin-bottom: 5px;\n  }\n  .hoursAvailableItem {\n    display: flex;\n    align-items: center;\n    margin-top: 5px;\n  }\n  .checkIcon {\n    margin-right: 8px;\n  }\n  .hoursText {\n    font-family: SourceSansPro;\n    font-size: 14px;\n    color: #58587c;\n  }\n"]))),G=r.A.div(V||(V=(0,a.A)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  margin: 0 auto;\n\n  @media (max-width: ","px) {\n    margin-bottom: 50px;\n  }\n\n  .container_text {\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    flex-direction: column;\n  }\n  .title {\n    font-family: 'Montserrat';\n    font-size: 20px;\n    font-weight: bold;\n    margin-bottom: 10px;\n    margin-top: 20px;\n    color: #02023d;\n    line-height: 1.4;\n  }\n  .sub-title {\n    font-family: 'Source Sans Pro';\n    font-size: 18px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.62;\n    letter-spacing: normal;\n    text-align: center;\n    color: #424066;\n    width: 75%;\n    margin-bottom: 30px;\n  }\n  .buttons_error {\n    display: flex;\n    flex-direction: column;\n    align-content: center;\n    justify-content: center;

1\n    align-items: center;\n    .retry {\n      font-weight: normal !important;\n    }\n  }\n"])),f.z.breakpoints.values.xs);var Z;function H(e){let n=e.contactSubjects,t=e.reloadContactSubjects,a=e.service,o=e.user;return i.createElement(K,null,i.createElement("div",{className:"left"},i.createElement(_,{contactSubjects:n,reloadContactSubjects:t,sendReclamaton:e=>a.sendContactUs(e,!0),user:o})),i.createElement("div",{className:"right"},i.createElement($,{getContactUsCRC:a.getContactUsCRC})))}const K=r.A.div(Z||(Z=(0,a.A)(["\n  width: 100% !important;\n  display: flex;\n  justify-content: space-between;\n\n  @media (max-width: 780px) {\n    flex-direction: column;\n  }\n  .left {\n    width: 50%;\n    margin-bottom: 30px;\n    @media (max-width: 780px) {\n      width: 100%;\n    }\n  }\n  .right {\n    width: 45%;\n    @media (max-width: 780px) {\n      width: 100%;\n    }\n  }\n"]))),J={skeletonView:()=>{const e=i.useState(window.innerWidth),n=(0,u.A)(e,2),t=n[0],a=n[1];return i.useEffect(()=>{window.addEventListener("resize",()=>a(window.innerWidth))},[]),i.createElement(i.Fragment,null,i.createElement(p.D,{width:t<=780?"100%":"50%",title:!0,contentList:new Array(4).fill({contentType:p.L.CARD})}),i.createElement(p.D,{width:t<=780?"100%":"50%",title:!0,contentList:new Array(4).fill({contentType:p.L.CARD})}))},errorView:g.S,mainView:e=>i.createElement(x,null,i.createElement(H,(0,o.A)({},e)))};var Q,X=t(80812);const ee=e=>{let n=e.context;const t=(0,c.b)(),a={getContactUsCRC:()=>t.useContactUsCRC(),getContactSubjects:()=>t.useContactUsSubjects(),sendContactUs:(e,n)=>t.useContactUs(e,n)},i={context:n,secondaryMenu:null,title:"home.block.action.contactus"};return(0,X.jsx)(l.A,(0,o.A)((0,o.A)({},i),{},{children:(0,X.jsx)(ne,{children:(0,X.jsx)(m,{service:a,adapter:J,user:n.user})})}))};t.dn(ee);const ne=r.A.section(Q||(Q=(0,a.A)(["\n  padding: 0px;\n"])))},57683(e,n,t){var a,o,i=t(43207),r=t(18188),c=t(72176),l=t(86896),s=t(62254),m=t(44437),d=t(63037),u=t(67135);const p={ic_availability:t(82742).A},g=l.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"])),d.z.palette.secondary.main,d.z.palette.secondary[100]),f=(0,l.A)(s.$)(o||(o=(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?c.createElement(u.g,(0,r.A)({},e)):c.createElement(g,{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:p.ic_availability,alt:""}),c.createElement("h2",{"data-testid":"error-oops"},c.createElement(m.A,{id:"error.screen.title"}))),c.createElement("h5",null,c.createElement(m.A,{id:"error.screen.subTitle"})),c.createElement("div",null,c.createElement(f,{variant:"outline",className:"red-text",onClick:()=>e.onReload().catch(e=>{}),disabled:!1},c.createElement(m.A,{id:"error.screen.button.retry"}))))])},48155(e,n,t){t.d(n,{g:()=>l});var a=t(61249),o=t(72176),i=t(18188),r=t(49388);const c=(e,n)=>{if("touch"===n.type)return(0,i.A)((0,i.A)({},e),n.payload);throw new Error};function l(e){const n=(0,o.useState)(!1),t=(0,a.A)(n,2),l=t[0],s=t[1],m=function(e){const n=(0,o.useReducer)(c,{data:null,loading:!0,error:null}),t=(0,a.A)(n,2),l=t[0],s=t[1],m=(0,r.t0)().useApiHook;(0,o.useEffect)(()=>{m&&d().then(e=>null)},[m]);const d=async n=>{s({type:"touch",payload:{loading:!0}});try{const t=await e(n);s({type:"touch",payload:{data:t,loading:!1,error:null}})}catch(t){return s({type:"touch",payload:{loading:!1,error:t.message}})}};return(0,i.A)((0,i.A)({},l),{},{reload:d})}(e.loader),d=m.data,u=m.loading,p=m.error,g=m.reload;(0,o.useEffect)(()=>{l?g().then(()=>null):s(!0)},[e.value]);let f=e.error;return"function"==typeof f&&(f=o.cloneElement(e.error(),{onReload:g})),u?"function"==typeof e.skeleton?o.createElement(e.skeleton,null):e.skeleton:p?f:e.render(d,g)}}}]);
2//# sourceMappingURL=7895.963bd17e.chunk.js.map